﻿<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="Default.aspx.vb" Inherits="ProjetoDeTestes._Default4" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <link href="tooltipjquery.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
    <script type="text/javascript" src="http://cdn.jquerytools.org/1.2.5/all/jquery.tools.min.js"></script>
    <script type="text/javascript">
        $(function () {
            $(".download_now").tooltip({ effect: 'slide', direction: 'down', position: 'bottom center' });
        });
    </script>
    <style type="text/css">
        .MenuPerfil
        {
            margin: 0px;
            float: left;
        }
        .Menu
        {
            list-style-type: none;
            margin: 0px;
            padding: 0px;
        }
        .MenuPerfil
        {
            background: #ccc;
            display: inline;
        }
        .Menu li ul
        {
            margin: 5px;
            padding: 0px;
            list-style-type: none;
        }
        .Menu li div
        {
            float: left;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div style="margin: 0px auto; padding-left: 40%">
        <div style="padding: 80px;"></div>
        <ul>
            <li class="MenuPerfil">
                <a class="download_now">Download 1</a>
                <div class="tooltip" style="border: 1px solid;">
                    <ul class="Menu">
                        <li class="MenuPerfil">Cadastro
                            <ul>
                                <li>QUEM SOMOS</li>
                                <li>PROJETOS</li>
                                <li>CURSOS</li>
                                <li>EVENTOS</li>
                                <li>NOTÍCIAS</li>
                                <li>GALERIA DE FOTOS</li>
                            </ul>
                        </li>
                        <li class="MenuPerfil">Movimento
                            <ul>
                                <li>QUEM SOMOS</li>
                                <li>PROJETOS</li>
                                <li>CURSOS</li>
                                <li>EVENTOS</li>
                                <li>NOTÍCIAS</li>
                                <li>GALERIA DE FOTOS</li>
                            </ul>
                        </li>
                        <li class="MenuPerfil">Relatórios
                            <ul>
                                <li>QUEM SOMOS</li>
                                <li>PROJETOS</li>
                                <li>CURSOS</li>
                                <li>EVENTOS</li>
                                <li>NOTÍCIAS</li>
                                <li>GALERIA DE FOTOS</li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </li>
            <li class="MenuPerfil">
                <a class="download_now">Download 2</a>
                <div class="tooltip" style="border: 1px solid;">
                    <ul class="Menu">
                        <li class="MenuTipoForm">Cadastro
                            <ul>
                                <li>QUEM SOMOS</li>
                                <li>PROJETOS</li>
                                <li>CURSOS</li>
                                <li>EVENTOS</li>
                                <li>NOTÍCIAS</li>
                                <li>GALERIA DE FOTOS</li>
                            </ul>
                        </li>
                        <li class="MenuTipoForm">Movimento
                            <ul>
                                <li>QUEM SOMOS</li>
                                <li>PROJETOS</li>
                                <li>CURSOS</li>
                                <li>EVENTOS</li>
                                <li>NOTÍCIAS</li>
                                <li>GALERIA DE FOTOS</li>
                            </ul>
                        </li>
                        <li class="MenuTipoForm">Relatórios
                            <ul>
                                <li>QUEM SOMOS</li>
                                <li>PROJETOS</li>
                                <li>CURSOS</li>
                                <li>EVENTOS</li>
                                <li>NOTÍCIAS</li>
                                <li>GALERIA DE FOTOS</li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </li>
          <%--  <li class="MenuPerfil">
                <a class="download_now">Download 3</a>
                <div class="tooltip" style="border: 1px solid;">
                    <ul class="Menu">
                        <li class="MenuPerfil">Cadastro
                            <ul>
                                <li>QUEM SOMOS</li>
                                <li>PROJETOS</li>
                                <li>CURSOS</li>
                                <li>EVENTOS</li>
                                <li>NOTÍCIAS</li>
                                <li>GALERIA DE FOTOS</li>
                            </ul>
                        </li>
                        <li class="MenuPerfil">Movimento
                            <ul>
                                <li>QUEM SOMOS</li>
                                <li>PROJETOS</li>
                                <li>CURSOS</li>
                                <li>EVENTOS</li>
                                <li>NOTÍCIAS</li>
                                <li>GALERIA DE FOTOS</li>
                            </ul>
                        </li>
                        <li class="MenuPerfil">Relatórios
                            <ul>
                                <li>QUEM SOMOS</li>
                                <li>PROJETOS</li>
                                <li>CURSOS</li>
                                <li>EVENTOS</li>
                                <li>NOTÍCIAS</li>
                                <li>GALERIA DE FOTOS</li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </li>
            <li class="MenuPerfil">
                <a class="download_now">Download 4</a>
                <div class="tooltip" style="border: 1px solid;">
                    <ul class="Menu">
                        <li class="MenuPerfil">Cadastro
                            <ul>
                                <li>QUEM SOMOS</li>
                                <li>PROJETOS</li>
                                <li>CURSOS</li>
                                <li>EVENTOS</li>
                                <li>NOTÍCIAS</li>
                                <li>GALERIA DE FOTOS</li>
                            </ul>
                        </li>
                        <li class="MenuPerfil">Movimento
                            <ul>
                                <li>QUEM SOMOS</li>
                                <li>PROJETOS</li>
                                <li>CURSOS</li>
                                <li>EVENTOS</li>
                                <li>NOTÍCIAS</li>
                                <li>GALERIA DE FOTOS</li>
                            </ul>
                        </li>
                        <li class="MenuPerfil">Relatórios
                            <ul>
                                <li>QUEM SOMOS</li>
                                <li>PROJETOS</li>
                                <li>CURSOS</li>
                                <li>EVENTOS</li>
                                <li>NOTÍCIAS</li>
                                <li>GALERIA DE FOTOS</li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </li>--%>
        </ul>
    </div>
    </form>
</body>
</html>
